﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

		<title>gps监控平台</title>
		<meta http-equiv="Content-Type" content="text/html; charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=10" />
		<link rel="stylesheet" type="text/css" href="theme/default/css/reset.css">
        <link rel="stylesheet" type="text/css" href="theme/default/css/default.css">
        <link rel="stylesheet" type="text/css" href="theme/default/css/jquery-ui-1.10.4.custom.css">		
		<script language="javascript" src="theme/javascript/jquery.js" type="text/javascript"></script>	
		<script language="javascript" src="theme/javascript/jquery-ui-1.10.4.custom.js" type="text/javascript"></script>
        <script language="javascript" src="theme/javascript/demo.js" type="text/javascript"></script>
</head>
<style> 
body{text-align:center;color:#fff;background:#336ea0;font-size:12px}
div#div2
{box-shadow: 0px 0px 10px rgba(0,0,0,0.8) inset,0px 0px 15px #000;
border:-radius:6px;height:30px;width:300px;border:1px solid #aaa}
</style>
<body >

<div id="header" >
   <div id="top">
   <div id="top_left"></div>
   <div id="top_right"></div>
           <p id="buttons">
		   <a href='#' class='a'>报警信息(5)</a>
		   <a href='#' class='b'>上午好，管理员</a>
		   <a href='#' class='c'>退出系统</a>
		   </p>
           <ul class="nav">
           	<li><a class='active' ><i class='a'></i><span><em>地图监控</em></span></a></li>
           	<li><a ><i class='b'></i><span><em>地图监控</em></span></a></li>
           	<li><a ><i class='c'></i><span><em>地图监控</em></span></a></li>
           	<li><a ><i class='d'></i><span><em>地图监控</em></span></a></li>
           	<li><a ><i class='e'></i><span><em>地图监控</em></span></a></li>
           	<li><a ><i class='f'></i><span><em>地图监控ddddddd</em></span></a></li>			
           </ul>
   </div>
  <ul class="subnav">
  	<li><a class='active' href="">标题1</a></li>
  	<li><a href="">标题2</a></li>
  	<li><a href="">标题3</a></li>
  </ul>
  <ul class="subnav" style='display:none'>
  	<li><a href="">标题4</a></li>
  	<li><a href="">标题5</a></li>
  	<li><a href="">标题6</a></li>
  	<li><a href="">标题4</a></li>
  	<li><a href="">标题5</a></li>
  	<li><a href="">标题6</a></li>	
  </ul>
  <ul class="subnav" style='display:none'>
  	<li><a href="">标题114</a></li>
  	<li><a href="">标题15</a></li>
  	<li><a href="">标题16</a></li>
  </ul>
  <ul class="subnav" style='display:none'>
  	<li><a href="">标题114</a></li>
  	<li><a href="">标题15</a></li>
  	<li><a href="">标题16</a></li>
  </ul> 
  <ul class="subnav" style='display:none'>
  	<li><a href="">标题4</a></li>
  	<li><a href="">标题5</a></li>
  	<li><a href="">标题6</a></li>
  </ul>
  <ul class="subnav" style='display:none'>
  	<li><a href="">标题114</a></li>
  	<li><a href="">标题15</a></li>
  	<li><a href="">标题16</a></li>
  </ul>
  
</div>

<div id="leftlayout">
<div class="panel" >
   <div class="search"><input id="b3" type="input" autocomplete="off" placeholder="请输入车牌号或手机号">
   <a href=""></a>
   </div>
   <ul id='checkbox' class="left" >
 
           	<li><input type='checkbox' name='第一级'    /><i></i><a class='a' >监控中心</a>
			   <ul>
			    <li class='a' leve='first' ><input type='checkbox' /><i class='car_gray'></i><a class='car' href="">浙GBD272</a></li>
			   	     
			   	<li><input type='checkbox' name='第二级'  /><i></i><a class='a' >宁波国际物流公司</a>
				    <ul>
					 <li class='a' leve='second' ><input type='checkbox' /><i class='car_gray'></i><a class='car' href="">浙GBD272</a></li>
			   	     <li style='height:auto'><input type='checkbox' name='第三级'  /><i></i><a class='a' >博爱家纺<b>(999)</b></a>
						 <ul>
			   	           <li class='a' leve='last' ><input type='checkbox' /><i class='car_gray'></i><a class='car' href="">浙GBD272</a></li>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_red'></i><a class='car' href="">浙GBD272</a></li>
			             </ul>
					 </li>		   	     
			   	     <li style='height:auto'><input type='checkbox'  /><i></i><a class='a' >博爱家纺<b>(999)</b></a>
						 <ul>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			             </ul>
					 </li>
			   	     <li style='height:auto'><input type='checkbox'  /><i></i><a class='a' >博爱家纺<b>(999)</b></a>
						 <ul>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			             </ul>
					 </li>					 
			   	     <li style='height:auto'><input type='checkbox'  /><i></i><a class='a' >博爱家纺<b>(999)</b></a>
						 <ul>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			   	           <li class='a' leve='last'  ><input type='checkbox' /><i class='car_yellow'></i><a class='car' href="">浙GBD272</a></li>
			             </ul>
					 </li>                   					 
			        </ul>
				</li>
			   </ul>
			</li>
		
   </ul>
  <!-- <a class='onlinecar'>在线车辆(253)</a> -->


</div>
</div>

<div id='middle'></div>
<div id='middler'></div>
<div id="rightlayout">
   <div id="control"></div>
   <div id="main"> 
   
   </div>  
   <div id="data">
    <h3><span>车辆状态汇报</span><a class='hide' title='隐藏'></a><a class='show' title='展开'></a></h3>
    <div>控件区域<progress value="50" max="100"></progress> </div>
   
   
   </div> 

       <div class="win">
	    <h3><span class='a'>最新车辆报警</span><a title='关闭'></a></h3>
	    <div class="content">
		<ul>
			<li>车辆:ss-120</li>
			<li>时间:2014年4月24日 14:30</li>
			<li>地点:宁波大学</li>
			<li>详情:区域超市</li>
		</ul>
		<p><a href=''><<上一条</a><a href=''>下一条>></a><a href=''>查看全部</a></p>
		
		</div>
	   </div>
	   
	   
	   
       <div class="win" style='top:200px'>
	    <h3><span class='b'>车辆状态汇报</span><a title='关闭'></a></h3>
	    <div class="content"></div>
	   </div>    
</div>


</body>


</html>
